<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>校园二手交易</title>
<script src="${pageContext.request.contextPath }/js/js.js"></script>
<style type="text/css">
<!--
body {
	font: 100%/1.4 "微软雅黑";
	background: url(${pageContext.request.contextPath }/img/bg.jpg) repeat-x;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
	/* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	/* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px;
	/* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}

/* ~~ 以下是此布局的列。 ~~ */
.main {
	margin: 0 auto;
	width: 1000px;
	display: table;
	position: relative;
}

.sidebar {
	float: left;
	width: 300px;
	height: 800px;
}

.content {
	width: 700px;
	height: 800px;
	float: left;
}

.title {
	width: 1000px;
	height: 100px;
}

.titlelogo {
	width: 300px;
	height: 100px;
	float: left;
}

.titlead {
	width: 700px;
	height: 100px;
	float: left;
}
.navi{
	width: 1000px;
	height: 32px;
}
.naviline{
	width: 1000px;
	height: 10px;
}
.notice{
	width: 300px;
	height: 240px;
}
.newgoods{
	width: 700px;
	height: 240px;
}

.list {
	width: 700px;
	height: 560px;
}

.listhead {
	width: 700px;
	height: 40px;
	text-align: center;
	font-family: "隶书";
	font-size: 28px;
}

.head1 {
	width: 20px;
	height: 40px;
	float: left;
}

.head2 {
	width: 200px;
	height: 40px;
	text-decoration: none;
	float: left;
}

.head3 {
	width: 100px;
	height: 40px;
	float: left;
}

.head4 {
	width: 100px;
	height: 40px;
	float: left;
}

.head5 {
	width: 250px;
	height: 40px;
	float: left;
}

.head6 {
	width: 20px;
	height: 40px;
	float: left;
}

.listgoods {
	width: 700px;
	height: 25px;
	font-family: "微软雅黑";
	font-size: 12px;
}

.list1 {
	width: 20px;
	height: 22px;
	float: left;
}

.list2 {
	width: 200px;
	height: 22px;
	text-decoration: none;
	text-align: center;
	float: left;
}

.list3 {
	width: 100px;
	height: 22px;
	float: left;
	text-align: right;
}

.list4 {
	width: 100px;
	height: 22px;
	text-align: center;
	float: left;
}

.list5 {
	width: 250px;
	height: 22px;
	text-align: center;
	float: left;
}

.list6 {
	width: 20px;
	height: 22px;
	float: left;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
	padding: 0 15px 15px 40px;
	/* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 脚注 ~~ */
.footer {
	padding: 10px 0;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #000000;
	background: #888888;
	position: relative; /* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
}
-->
</style>
</head>

<body>
	<div class="main">
		<div class="title">
			<div class="titlelogo">
				<a href="${pageContext.request.contextPath }/view/index.jsp"><img
					src="${pageContext.request.contextPath }/img/logo.gif" width="300"
					height="100" border="0" /></a>
			</div>
			<div class="titlead">
				<img
					src="http://info-database.csdn.net/Upload/2011-11-15/tengxunhuiyao.jpg"
					width="700" height="100" border="0" />
			</div>
		</div>
		<div class="naviline"></div>
        <div class="navi">
        <table cellspacing=0 cellpadding=0 border=0>
		<tbody>
			<tr>
				<td onmouseover="turnOn('in');" onmouseout="turnOff('in');"><a
					href="${pageContext.request.contextPath }/view/index.jsp"><img
						class=imgTrans id=in height=32
						src="${pageContext.request.contextPath }/img/index.gif" width=142
						border=0 name=in /></a></td>
				<td><img height=23 alt=""
					src="${pageContext.request.contextPath }/img/botton_line.gif"
					width=1 /></td>
				<td onmouseover="turnOn('ab');" onmouseout="turnOff('ab');"><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=二手车&lowprice=&highprice="><img class=imgTrans id=ab height=32
						src="${pageContext.request.contextPath }/img/bike.gif" width=142
						border=0 name=ab /></a></td>
				<td><img height=23 alt=""
					src="${pageContext.request.contextPath }/img/botton_line.gif"
					width=1 /></td>
				<td onmouseover="turnOn('po');" onmouseout="turnOff('po');"><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=二手书&lowprice=&highprice="><img class=imgTrans id=po height=32
						src="${pageContext.request.contextPath }/img/books.gif" width=142
						border=0 name=po /></a></td>
				<td><img height=23 alt=""
					src="${pageContext.request.contextPath }/img/botton_line.gif"
					width=1 /></td>
				<td onmouseover="turnOn('va');" onmouseout="turnOff('va');"><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=电子&lowprice=&highprice="><img class=imgTrans id=va height=32
						src="${pageContext.request.contextPath }/img/elec.gif" width=142
						border=0 name=va /></a></td>
				<td><img height=23 alt=""
					src="${pageContext.request.contextPath }/img/botton_line.gif"
					width=1 /></td>
				<td onmouseover="turnOn('se');" onmouseout="turnOff('se');"><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=其他&lowprice=&highprice="><img class=imgTrans id=se height=32
						src="${pageContext.request.contextPath }/img/other.gif" width=142
						border=0 name=se /></a></td>
				<td><img height=23 alt=""
					src="${pageContext.request.contextPath }/img/botton_line.gif"
					width=1 /></td>
				<td onmouseover="turnOn('co');" onmouseout="turnOff('co');"><a
					href="http://192.168.20.126/"><img class=imgTrans id=co
						height=32 src="${pageContext.request.contextPath }/img/about.gif"
						width=142 border=0 name=co /></a></td>
				<td><img height=23 alt=""
					src="${pageContext.request.contextPath }/img/botton_line.gif"
					width=1 /></td>
				<td onmouseover="turnOn('en');" onmouseout="turnOff('en');"><a
					href="${pageContext.request.contextPath }/logout.do"><img
						class=imgTrans id=en height=32
						src="${pageContext.request.contextPath }/img/logout.gif" width=142
						border=0 name=en /></a></td>
			</tr>
		</tbody>
	</table>
        </div>
        <div class="naviline"></div>
        <div class="sidebar">
        	<div class="notice"><a
				href="${pageContext.request.contextPath }/user/user.jsp"><img
					src="${pageContext.request.contextPath }/view/img/notice.jpg"
					width="300" height="240" border="0" /></a></div>
            <div><a
				href="${pageContext.request.contextPath }/view/list.jsp"><img
					src="${pageContext.request.contextPath }/view/img/select.jpg"
					width="300" height="560" border="0" /></a></div>
        </div>
        
		<div class="content">
        <div class="newgoods"><a
				href="${pageContext.request.contextPath }/view/new.jsp"><img
					src="${pageContext.request.contextPath }/view/img/index_ad.jpg"
					width="700" height="240" border="0" /></a></div>
        <div>
        
        <div class="list">
				<div class="listhead">
					<div class="head1"></div>
					<div class="head2">商品名称</div>
					<div class="head3">价格</div>
					<div class="head4">分类</div>
					<div class="head5">商品信息</div>
					<div class="head6"></div>
				</div>
				<c:forEach items="${requestScope.ten }" var="goods">
					<div class="listgoods">
						<div class="list1"></div>
						<div class="list2" style="border: 1px solid #666666;">
							<a
								href="${pageContext.request.contextPath }/view/detail.do?id=${goods.goodsId }"
								target=_blank>${goods.goodsName }</a>
						</div>
						<div class="list3" style="border: 1px solid #666666;">${goods.goodsPrice
							}</div>
						<div class="list4" style="border: 1px solid #666666;">${goods.goodsSort
							}</div>
						<div class="list5" style="border: 1px solid #666666;">${goods.goodsInformation
							}</div>
						<div class="list6"></div>
					</div>
				</c:forEach>
			</div>
        
        </div>
        </div>



		<div class="footer">
			<div align="center">
				发布信息：<a href="${pageContext.request.contextPath }/view/new.jsp"><strong>立即发布我的信息</strong></a>
			</div>
			<table width="100%" border="0" align="center">
				<tr>
					<td height="20"><div align="center" class="labels">无需用户注册，即可快捷发布您的二手信息，我们的服务都是免费的。</div></td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<a href="${pageContext.request.contextPath }/view/index.jsp">Home</a>
							| <a href="http://www.ytu.edu.cn/">University</a> | <a
								href="http://blog.csdn.net/liushuaibaicai">Blogs</a> | <a
								href="http://tieba.baidu.com/f?kw=%C1%F5%B0%D7%B2%CB#">Club</a>
							| <a onclick='javascript:alert("liushuai.baicai@hotmail.com")'>Mail</a>
						</div>
					</td>
				</tr>
				<tr>
					<td><div align="center">版权没有，欢迎抄袭。与有雷同，纯属缘分。</div></td>
				</tr>
				<tr>
					<td><div align="center">
							by <a href="http://blog.csdn.net/liushuaibaicai">Baicai</a>,
							Thanks you！
						</div></td>
				</tr>
			</table>
			<!-- end .footer -->
		</div>
	</div>
</body>
</html>
